<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Bootstrap Admin</title>
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link rel="stylesheet" type="text/css" href="js/dist/css/bootstrap.css">
		<link rel="stylesheet" href="js/dist/font-awesome/css/font-awesome.css">
		<script src="js/dist/js/bootstrap.js"></script>
		<script src="js/jquery-3.6.0.min.js" type="text/javascript"></script>
	</head>

	<body class="">
		<div class="container container-fluid bg-light">
			<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="#">用户管理</a></li>
					<li class="breadcrumb-item active" aria-current="page">用户列表</li>
				</ol>
			</nav>
		</div>


<div class="container">
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
	  <div class="container-fluid">
		<button class="btn btn-success" onclick="location='userAdd.html'"><i class="icon-plus"></i> 增加</button>
	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
	      <span class="navbar-toggler-icon"></span>
	    </button>
	    <div class="collapse navbar-collapse" id="navbarSupportedContent">
	      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
	        

	      </ul>
	      <form class="d-flex" role="search">
	        <input  type="search" placeholder="用户名" aria-label="Search">
	        <button class="btn btn-outline-success" type="submit">查询</button>
	      </form>
	    </div>
	  </div>
	</nav>
	
</div>



		<div class="container">
			
			<table class="table">
			    <thead>
			    <tr>
			        <th>#</th>
			        <th>帐号</th>
			        <th>真实姓名</th>
			        <th>电话</th>
			        <th>余额</th>
			        <th>创建时间</th>
			        <th style="width: 26px;"></th>
			    </tr>
			    </thead>
			    <tbody>
			    
			        <tr>
			            <td>1</td>
			            <td>mayun</td>
			            <td>马云</td>
			            <td>13867566677</td>
			            <td>45000</td>
			            <td>2020-2-2</td>
			            <td>
			                <a href="bookEdit.html"><i class="icon-pencil"></i></a>
			
			            </td>

			        </tr>
			    
			        <tr>
			            <td>2</td>
			            <td>mahuateng</td>
			            <td>马化腾</td>
			            <td>18733334567</td>
			            <td>3400</td>
			            <td>2021-9-2</td>
		
			            <td>
			                <a href="bookEdit.html"><i class="icon-pencil"></i></a>
			               
			            </td>
				
			        </tr>
			    
			    
			
			    </tbody>
			</table>
			
			<nav aria-label="Page navigation example">
			  <ul class="pagination justify-content-lg-end">
			    <li class="page-item disabled">
			      <a class="page-link">Previous</a>
			    </li>
			    <li class="page-item"><a class="page-link" href="#">1</a></li>
			    <li class="page-item"><a class="page-link" href="#">2</a></li>
			    <li class="page-item"><a class="page-link" href="#">3</a></li>
			    <li class="page-item">
			      <a class="page-link" href="#">Next</a>
			    </li>
			  </ul>
			</nav>
		</div>

	</body>
</html>
